<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=none">
    <title>3G实验室</title>
</head>

<body>
    <div class="main-box">
        <div class="line-box hide">
            <div class="decoration-pink"></div>
            <div class="decoration-blue"></div>
        </div>
        <div class="flex-box">
            <h1 class="title">3g实验室</h1>
            <div class='message-box'>
                <ul>
                    <li class="name">
                        <div class="name-title inform-title">姓名</div>
                        <div class="name-txt inform-text"></div>
                    </li>
                    <li class="className">
                        <div class="className-title inform-title">班级</div>
                        <div class="className-txt inform-text"></div>
                    </li>
                    <li class="groupName">
                        <div class="groupName-title inform-title">组别</div>
                        <div class="groupName-txt inform-text"></div>
                    </li>
                    <li class="time">
                        <div class="time-title inform-title">时间</div>
                        <div class="time-txt inform-text"></div>
                    </li>
                </ul>
            </div>
            <div class="process-wrapper">
                <h1 class="text-message">面试进度</h1>
                <div id="progress-bar-container">
                    <ul>
                        <li class="step step01">
                            <div class="refuse-icon unshow">×</div>
                            <div class="sq unshow">▲</div>
                            <div class="step-inner">报名</div>
                            <div class="after"></div>
                        </li>
                        <li class="step step02">
                            <div class="refuse-icon unshow">×</div>
                            <div class="sq unshow">▲</div>
                            <div class="step-inner">一面</div>
                            <div class="after"></div>
                        </li>
                        <li class="step step03">
                            <div class="refuse-icon unshow">×</div>
                            <div class="sq unshow">▲</div>
                            <div class="step-inner">二面</div>
                            <div class="after"></div>
                        </li>
                        <li class="step step04">
                            <div class="refuse-icon unshow">×</div>
                            <div class="sq unshow">▲</div>
                            <div class="step-inner">三面</div>
                            <div class="after"></div>
                        </li>
                    </ul>
        
                    <div id="line">
                        <div id="line-progress"></div>
                    </div>
                    <div class="status-text"></div>
                </div>
            </div>
        </div>
    </div>
    
</body>

</html>